<template>
  <div class="right-slider-list">
    <div class="right-slider-list-title">{{ formTitle }}</div>
    <div class="right-slider-list-content">
      <Form v-bind="reactive({ ...$attrs, ...props, props })"></Form>
    </div>
  </div>
</template>
<script lang="ts" setup name="LabelingSigns">
import { reactive } from "vue";
import Form from "./Form.vue";
interface Prop {
  formTitle: string;
  options: Right.FormOptions[];
  disabled: boolean;
  form: { [x: string | number]: any };
  formRef: any;
  RightHooks: Right.RightHooks;
  handleChange: (
    value:
      | string
      | number
      | boolean
      | (string | number | boolean)[]
      | Record<string, any>
      | (
          | string
          | number
          | Record<string, any>
          | (string | number | Record<string, any>)[]
        )[]
      | undefined,
    item: Right.FormOptions
  ) => void;
}
const props = defineProps<Prop>();
</script>
<style lang="less" scoped>
@import url("../index.less");
</style>
